﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用符号制作的进度条</title>
</head>
<body>
<form name="loading">
    <p align=center> <font color="#0155cc" size="2" face="Arial">页面载入中，请稍等...</font><br>
        <input type=text name=progress size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
        <br>
        <input type=text name=percent size=47 style="color:#0055BB; text-align:center; border-width:medium; border-style:none;">
        <script type="text/javascript">
            var bar = 0;
            var line ="||";
            var amount ="||";
            count();
            function count(){
                bar = bar + 2;
                amount = amount + line;
                document.loading.progress.value = amount;
                document.loading.percent.value = bar + "%";
                if(bar < 100){
                    setTimeout("count()",100);
                }else{
                    window.location = "#";
                }
            }
        </script>
    </p>
</form>
</body>
</html>